<!DOCTYPE html>
<html>
<head>
    <title>提示框示例</title>
    <style>
        .tip-box {
            padding: 10px;
            margin: 10px 0;
            border: 1px solid #ccc;
        }
        .hidden { display: none; }
    </style>
</head>
<body>
<button id="showTip">显示提示</button>
<div class="tip-box hidden" id="tipBox"></div>

<!-- 引入提示逻辑脚本 -->
<script src="tips.js"></script>
</body>
</html>